﻿@using BonjourQuotation.UI.Models.PartialModel
@model OperationAmexVendorViewModel
@{
    
}
@using (@Html.BeginForm("SaveAmexVendorDetailData", "Operation", FormMethod.Post, new { id = "LoadAmexVendorDetailsForm" }))
{

    @Html.HiddenFor(model => model.AmexVendorID)
    @Html.HiddenFor(model => model.GroupID)
    @Html.HiddenFor(model => model.VendorID)
    @Html.HiddenFor(model => model.LineNo)
    @Html.HiddenFor(model => model.CardID)
    @Html.HiddenFor(model => model.OperAmexVndArrivalDate)
    @Html.HiddenFor(model => model.OperAmexVndTime)
    @Html.HiddenFor(model => model.OperationTabName)
    @Html.HiddenFor(model => model.AmexRestCategory)
    <div class="pull-right" style="margin-bottom:15px;">
        <div style="width:100%;text-align:center;">
            <span class="AmexTitle">BONJOUR USA TOURS</span>
        </div>    
        <div style="width: 100%; text-align: center; float:left">
            <span>@Html.LabelForModel(Model.CompanyAddress)</span>
        </div>
        <div style="width: 100%; text-align: center; float: left">
            <span>Phone Number: @Html.LabelForModel(Model.CompanyPhone) &nbsp;&nbsp; Fax Number: @Html.LabelForModel(Model.CompanyFax) </span>
        </div>
        <div class="AmexTitleDiv">
            <span class="AmexTitle">CREDIT CARD AUTHORIZATION FORM</span>
        </div>

        <div id="ErrorMessagesDivPopUp">
            <label for="Validation" id="errorMessageClient" class="errorMessage"></label>
            @if (Model.Message != null)
            {
                @Html.LabelForModel(Model.Message, new { @class = "errorMessage", id = "errorMessageServer" })
            }
        </div>
    <div class="row form-row">
        <div class="ElementsPaddingRight30 col-lg-4">
            <div class="input-group">
                <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.PreparedBy)</span>
                @Html.TextBoxFor(model => model.PreparedBy, new { @class = "table_inputs_SmallPadding2 inpputgr form-control OperationAmexVendorElementChange ElementsForValidation MaxLength50" })
            </div>
        </div>
        <div class="ElementsPaddingRight30 col-lg-3">
            <div class="input-group">
                <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Date)</span>
                @Html.TextBoxFor(model => model.Date, new { @class = "table_inputs_SmallPadding2 inpputgr form-control OperationAmexVendorDetails OperationAmexVendorElementChange ElementsForValidation Date" })
            </div>
        </div>
        <div class="ElementsPaddingRight30 col-lg-5">
            <div class="input-group">
                <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.CommissionReceivedDate)</span>
                @Html.TextBoxFor(model => model.CommissionReceivedDate, new { @class = "table_inputs_SmallPadding2 inpputgr form-control OperationAmexVendorDetails OperationAmexVendorElementChange ElementsForValidation Date" })
            </div>
        </div>
    </div>
    <div class="row form-row">
        <div class="ElementsPaddingRight30 col-lg-8">
            <div class="input-group">
                <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelForModel(Model.VendorNameTitle)</span>
                @Html.LabelForModel(Model.VendorName, new { @class = "table_inputs_SmallPadding2 inpputgr AmexLabelFor" })
            </div>
        </div>
        <div class="ElementsPaddingRight30 col-lg-4">
            <div class="input-group">
                <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Attention)</span>
                @Html.TextBoxFor(model => model.Attention, new { @class = "table_inputs_SmallPadding2 inpputgr form-control OperationAmexVendorElementChange ElementsForValidation MaxLength50" })
            </div>
        </div>
    </div>
    <div class="row form-row">
        <div class="ElementsPaddingRight30 col-lg-4">
            <div class="input-group">
                <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.GroupCode)</span>
                @Html.LabelForModel(Model.GroupCode, new { @class = "table_inputs_SmallPadding2 inpputgr AmexLabelFor"})
            </div>
        </div>
        <div class="ElementsPaddingRight30 col-lg-8">
            <div class="input-group">
                <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.GroupName)</span>
                @Html.LabelForModel(Model.GroupName, new { @class = "table_inputs_SmallPadding2 inpputgr AmexLabelFor"})
            </div>
        </div>
    </div>
    <div class="row form-row">
        <div class="ElementsPaddingRight30 col-lg-4" style="width:35%">
            <div class="input-group">
                <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.ExpectedCommissionAmount)</span>
                @Html.TextBoxFor(model => model.ExpectedCommissionAmount, new { @class = "table_inputs_SmallPadding2 inpputgr form-control OperationAmexVendorElementChange QuotaOnlyDecimalDigits" })
            </div>
        </div>
        <div class="ElementsPaddingRight30 col-lg-4" style="width:30%">
            <div class="input-group">
                <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.CommissionableAmount)</span>
                @Html.TextBoxFor(model => model.CommissionableAmount, new { @class = "table_inputs_SmallPadding2 inpputgr form-control OperationAmexVendorElementChange QuotaOnlyDecimalDigits" })
            </div>
        </div>
        <div class="ElementsPaddingRight30 col-lg-4" style="width:35%">
            <div class="input-group">
                <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.CommissionAmountReceived)</span>
                @Html.TextBoxFor(model => model.CommissionAmountReceived, new { @class = "table_inputs_SmallPadding2 inpputgr form-control OperationAmexVendorElementChange QuotaOnlyDecimalDigits" })
            </div>
        </div>
    </div>
        <div class="row form-row">
            <div class="ElementsPaddingRight30 col-lg-3">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.AuthorizedAmount)</span>
                    @Html.TextBoxFor(model => model.AuthorizedAmount, new { @class = "table_inputs_SmallPadding2 inpputgr form-control OperationAmexVendorElementChange QuotaOnlyDecimalDigits" })
                </div>
            </div>
            <div class="ElementsPaddingRight30 col-lg-3" style="width:20%">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Currency)</span>
                    @Html.DropDownListFor(model => model.SelectedCurrency, new SelectList(Model.Currency, "Value", "Text"), new { @class = "table_inputs_SmallPadding2 inpputgr form-control OperationAmexVendorElementChange" })
                </div>
            </div>
            <div class="ElementsPaddingRight30 col-lg-3">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Charged)</span>
                    @Html.CheckBoxFor(model => model.Charged, new { @class = "OperationAmexVendorElementChange" })
                </div>
            </div>
            <div class="ElementsPaddingRight30 col-lg-3" style="width:30%">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.IsItCommissionable)</span>
                    @Html.CheckBoxFor(model => model.IsItCommissionable, new { @class = "OperationAmexVendorElementChange" })
                </div>
            </div>
        </div>
    <div class="row form-row">
        <div class="ElementsPaddingRight30 col-lg-12">
            <div class="input-group">
                <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.PaymentFor)</span>
                @Html.TextAreaFor(model => model.PaymentFor, new { @class = "table_inputs_SmallPadding2 inpputgr form-control OperationAmexVendorElementChange ElementsForValidation MaxLength500" })
            </div>
        </div>
    </div>
        <div style=" width:95%;margin-top:2%;border:#ccc;border-width:2px;border-style:groove;">
            <p class="AmexImportant">IMPORTANT:</p>
            <p>
                This form gives authorization to the company, names shown above, 
                to charge the authorized amount to the following credit card account. 
                Bonjour Usa is responsible only for the authorized amount shown in this form. 
                Bonjour Usa will not be held responsible for any additional charges other than the amount 
                confirmed with this letter.
            </p>
            <p>
                Please confirm the charge by faxing a copy of the charge receipt to 1-212-751-9391 or <a href="mailto:accounting@bonjourusa.com" id="yui_3_16_0_1_1423507495091_101929">accounting@bonjourusa.com</a>
            </p>
        </div>
    <div style="width: 255px; height: 110px; margin-top: 2%; margin-left: 370px;">
        @Html.LabelForModel(Model.CardType, new { @class = "AmexHeaders" })
        @Html.LabelForModel(Model.PlaceHolderName, new { @class = "AmexHeaders" })
        @Html.LabelForModel(Model.CardNumber, new { @class = "AmexHeaders" })
        @Html.LabelForModel(Model.CardValidToDate, new { @class = "AmexHeaders" })
    </div>
    <div style="float: right;margin-top: -3%;margin-right: 10%;">
        <span>Signature..........................</span>
    </div>
        <div class="SaveCancelDiv">
            <button class="btn14 btn50" type="button" onclick="$('#cboxClose').click()">Cancel</button>
            <button class="btn14 btn120" type="button" id="AmexVendorReportBtn">Preview / Print</button>
            <button class="btn14 btn50" type="button" id="OperationAmexVendorDetailsSaveBtn">Save</button>
</div>
</div>
}



